<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Handlebars</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
     <!-- css file  -->
    <link rel="stylesheet" type="text/css" media="screen" href="./css/style.css" />


    <!-- js file -->
    <script type="text/javascript" src="./script/jquery-3.3.1.js"></script>
    <script type="text/javascript" src="./script/handlebars-v4.0.12.js"></script>
    <script type="text/javascript" src="./script/index.js" ></script>
    <script id="class-template" type="text/x-handlebars-template">
        <ul class="cf">
            {{#each this}}
            <li>
                <div class="innerBox">
                    <img src="{{image}}" title="iOS基础教程-SQLite数据库操作" />
                    <div class="titleDiv">
                        <span class="title">{{title}}</span>
                        <span class="note">(有笔记)</span>
                        <div class="subTitle">SQLite基本语法,使用场景和项目应用</div>
                        <div class="subTitle">1小时18分钟</div>
                    </div>
                </div>
            </li>
            {{/each}}
        </ul>
    </script>
</head>
<body>
<div class="banner">
    <h1>我的笔记本</h1>
    <h3>你的指尖，有改变世界的力量</h3>
</div>
<div class="classes " id="classes">
    
</div>
</body>
</html>